<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script src="../jquery.min.js"></script>
    <script src="../js/clickNavigation.js"></script>
    <script src="../node_modules/lodash/lodash.min.js"></script>
    <script src="../node_modules/moment/moment.js"></script>
    <link href="../css/navigation_bar.css" rel="stylesheet">
    <script src="../js/payPage.js"></script>
    <link href="../css/pay_view.css" rel="stylesheet">
    <script type="text/template" id="buy_template">
          <tr>
              <td>type</td>
              <td>name</td>
              <td>price</td>
              <td>unit</td>
              <td>count</td>
              <td>subtotal</td>
          </tr>
    </script>
    <script type="text/template" id="gift_template">
          <tr>
              <td>type</td>
              <td>name</td>
              <td>count</td>
          </tr>
    </script>
    <title></title>
</head>
<body>
    <div class="navigation_bar">
       <div class="navigation">
           <p id="go">Let's Go</p>
           <p id="to_main">主页</p>
           <p id="to_goodsList">商品列表</p>
           <div class="nav_shop_car" id="to_shop_car">
               <img src="../image/shop_car.png" />
               <p>购物车<span> (0)</span></p>
           </div>
       </div>
    </div>

    <div class="pay_view">
        <div class="buy_list_title"><h2>购物清单</h2></div>
        <div class="buy_list">
            <span class="time"></span>
            <table class="buy_table">
                <thead>
                <tr>
                    <th>分类</th>
                    <th style="width: 17%">名称</th>
                    <th style="width: 17%">单价(元)</th>
                    <th>单位</th>
                    <th>数量</th>
                    <th style="width: 31%">小计</th>
                </tr>
                </thead>
                <tbody id="buy_list_body">
                </tbody>
            </table>
        </div>
        <div class="lift_good_title"><h2>赠送商品</h2></div>
        <div class="lift_list">
            <table class="lift_table">
                <thead>
                <tr>
                    <th>分类</th>
                    <th style="width: 43%">名称</th>
                    <th>数量</th>
                </tr>
                </thead>
                <tbody id="gift_list_body">

                </tbody>
            </table>
        </div>
        <div id="confirm">
            <p>总计：<b id="total_price">0.00</b>元</p>
            <p>节省：<b id="econnomize_price">0.00</b>元</p>
            <button>确认</button>
        </div>
    </div>


</body>
</html>